<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知乎日报</title>
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <hr>
    <div class="header">
        <div class="logo"><img src="../image/logo.png" alt=""></div>
        <div class="text"><input type="text" title="请输入内容以搜索！"></div>
        <div class="nav-first">app下载</div>
        <div class="nav-second">浏览内容</div>
    </div>
    <div class="back">
        <div class="nav-img"><img src="../image/phone_sample.png" alt=""></div>
        <div class="nav-intro">
            <h1>每天三次 每次七分钟</h1>
            <p>在中国，资讯类移动应用的人均阅读时长是 5 分钟，而在知乎日报，这个数字是 21。</p>
        </div>

    </div>
    <div class="small-header">
        <div class="cheak">
            <p>浏览内容</p>
        </div>
        <div class="new">
            <p>最新内容</p>
        </div>
    </div>
    <div class="contest">
        <div class="box1">
            <div class="img"><img src="../image/1.jpg" alt=""></div>
            <div class="state">
                <p>怎么使金属变得很脆？</p>
            </div>
        </div>
        <div class="box2">
            <div class="img"><img src="../image/2.jpg" alt=""></div>
            <div class="state">
                <p>有哪些对你有很冲击力的设计？</p>
            </div>
        </div>
        <div class="box3">
            <div class="img"><img src="../image/3.jpg" alt=""></div>
            <div class="state">
                <p>有哪些很重要，教练却没有教的技巧？</p>
            </div>
        </div>
        <div class="box1">
            <div class="img"><img src="../image/4.jpg" alt=""></div>
            <div class="state">
                <p>谢谢天上掉的玩具</p>
            </div>
        </div>
        <div class="box2">
            <div class="img"><img src="../image/6.jpg" alt=""></div>
            <div class="state">
                <p>火车上最大沙量是什么意思？</p>
            </div>
        </div>
        <div class="box3">
            <div class="img"><img src="../image/7.jpg" alt=""></div>
            <div class="state">
                <p>翼龙可以当坐骑飞行嘛？</p>
            </div>
        </div>
        <div class="box1">
            <div class="img"><img src="../image/1.jpg" alt=""></div>
            <div class="state">
                <p>怎么使金属变得很脆？</p>
            </div>
        </div>
        <div class="box2">
            <div class="img"><img src="../image/2.jpg" alt=""></div>
            <div class="state">
                <p>有哪些对你有很冲击力的设计？</p>
            </div>
        </div>
        <div class="box3">
            <div class="img"><img src="../image/3.jpg" alt=""></div>
            <div class="state">
                <p>有哪些很重要，教练却没有教的技巧？</p>
            </div>
        </div>
        <div class="box1">
            <div class="img"><img src="../image/4.jpg" alt=""></div>
            <div class="state">
                <p>谢谢天上掉的玩具</p>
            </div>
        </div>
        <div class="box2">
            <div class="img"><img src="../image/6.jpg" alt=""></div>
            <div class="state">
                <p>火车上最大沙量是什么意思？</p>
            </div>
        </div>
        <div class="box3">
            <div class="img"><img src="../image/7.jpg" alt=""></div>
            <div class="state">
                <p>翼龙可以当坐骑飞行嘛？</p>
            </div>
        </div>
        <div class="box1">
            <div class="img"><img src="../image/1.jpg" alt=""></div>
            <div class="state">
                <p>怎么使金属变得很脆？</p>
            </div>
        </div>
        <div class="box2">
            <div class="img"><img src="../image/2.jpg" alt=""></div>
            <div class="state">
                <p>有哪些对你有很冲击力的设计？</p>
            </div>
        </div>
        <div class="box3">
            <div class="img"><img src="../image/3.jpg" alt=""></div>
            <div class="state">
                <p>有哪些很重要，教练却没有教的技巧？</p>
            </div>
        </div>
        <div class="box1">
            <div class="img"><img src="../image/4.jpg" alt=""></div>
            <div class="state">
                <p>谢谢天上掉的玩具</p>
            </div>
        </div>
        <div class="box2">
            <div class="img"><img src="../image/6.jpg" alt=""></div>
            <div class="state">
                <p>火车上最大沙量是什么意思？</p>
            </div>
        </div>
        <div class="box3">
            <div class="img"><img src="../image/7.jpg" alt=""></div>
            <div class="state">
                <p>翼龙可以当坐骑飞行嘛？</p>
            </div>
        </div>

    </div>
    <div class="process">
        <h1>更多内容请在APP中查看</h1>
    </div>
    <div class="foot">
        <div class="foot-p">
            <p class="p1">知乎日报是一款拥有千万用户的资讯类客户端，每日提供来自知乎社区的精选问答，还有国内一流媒体的专栏特稿。</p>
            <p>主题日报包括动漫、设计、大公司、游戏、财经、电影、电子音乐、互联网安全等丰富内容，为业内人和资深爱好 者推荐各领域最精彩文章，满足高质量阅读需求。</p>
            <p>在知乎日报，告别浮躁，重获阅读的愉悦。</p>
            <p>© 2020 知乎</p>
        </div>
        <div class="erweima">
            <img src="../image/qr.png" alt="">
            <p>扫描下载客户端</p>
        </div>
    </div>
</body>

</html>